<script setup>

import { ref } from 'vue'

const checkList = ref(['Value A'])
</script>
<template>
    <div class="a">
        <h3>登录方式</h3>
        <el-checkbox-group  v-model="checkList">
            <el-checkbox label="QQ" value="Value A" />
            <el-checkbox label="微信" value="Value B" />
            <el-checkbox label="FaceBook" value="Value C" />
            <el-checkbox label="Twitter" value="Value D" />
        </el-checkbox-group>
    </div>
    <div class="a">
        <h3>分享方式</h3>
        <el-checkbox-group  v-model="checkList">
            <el-checkbox label="QQ" value="Value E" />
            <el-checkbox label="QQ空间" value="Value F" />
            <el-checkbox label="微信" value="Value G" />
            <el-checkbox label="微信朋友圈" value="Value H" />
            <el-checkbox label="FaceBook" value="Value I" />
            <el-checkbox label="Twitter" value="Value J" />
        </el-checkbox-group>
    </div>
    <el-button type="info" plain>保存</el-button>
</template>
<style scoped>
.a{
    display: flex;
}
.a h3{
    font-size: 14px;
    margin-right: 15px;
    margin-top: 6px;
}
.el-button{
    margin-left: 65px;
    margin-top: 8PX;
    color:#123;
}
</style>